#HTML 的 `<main>` 标签

请查看 HTML 元素帮助手册了解更多 HTML 元素。

HTML 的 <main> 元素呈现了文档的 <body> 或应用的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。

请参考 HTML 的语义化标签了解更多语义化标签。

#属性

请查看 HTML 元素的全局属性了解 HTML 元素的全局属性。

#示例

<div style="font-size:1.2rem; padding:8px; text-align: center; display:flex; flex-direction:column; gap:8px; color:#212121; background:yellow;">
    <header style="padding:8px; background:lightgreen;"> 头部 <br/> &lt;header&gt; </header>
    <nav style="padding:8px; background:lightgreen;"> 导航 <br/> &lt;nav&gt;  </nav>
    <main style="padding:8px; background:lightgreen;"> 
        正文 <br/> &lt;main&gt; 
        <div style="display:flex; flex-direction:row; gap:8px">
            <article style="padding:8px; flex:1; background:lightblue;display:flex; flex-direction:column; gap:8px;">
                文章 <br/> &lt;article&gt; 
                <section style="padding:8px; background:pink;">
                    小节 <br/> &lt;section&gt; 
                </section>
            </article>
            <aside style="padding:8px; background:lightblue;">
                侧边栏 <br/> &lt;aside&gt; 
            </aside>
        </div>
    </main>
    <footer style="padding:8px; background:lightgreen;"> 页脚 <br/> &lt;footer&gt; </footer>
</div>

<main>

#推荐阅读

HTML 的 main 元素 - MDN

#HTML 的 <main> 标签

#属性

#示例

#推荐阅读

#HTML 的 `<main>` 标签